<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>函数</title>
</head>
<body>
<h1>函数</h1>
<p>相当于java中的方法</p>
<h2>函数的定义</h2>
<p>
    语法：<br>
    function 函数名(参数列表){ <br>
    &nbsp;&nbsp;&nbsp;&nbsp;函数体 <br>
    }<br>
</p>
<h2>函数表达式</h2>
<p>
    语法：<br>
    函数表达式也成为匿名函数<br>
    var 函数变量名 = function(参数列表){ <br>
    &nbsp;&nbsp;&nbsp;&nbsp;函数体 <br>
    }<br>
</p>
<h2>构造函数</h2>
<p>
    语法：<br>
    var 函数变量名 = new Function('参数1', '参数2', '函数体')<br>
</p>
<hr>
<script>
    //定义无参无返回值函数
    function fn1() {
        console.log("hello function")
    }

    //调用函数
    fn1()        // hello function

    //定义无参有返回值函数
    function fn2() {
        return 10
    }

    console.log(fn2())  //10

    //定义有参无返回值函数
    function fn3(a, b) {
        console.log(a + b)
    }

    fn3(1, 2);  //3

    //定义有参有返回值
    function fn4(a, b) {
        return a + b
    }

    console.log(fn4(1, 2));  //3
</script>
</body>
</html>